<template>
	<v-app-bar app>
		<Register></Register>
		<Login></Login>
		<div class="bar">
			<v-toolbar-title>修趣社区</v-toolbar-title>
			<div class="category">
				<router-link to="/Home">首页</router-link>
				<router-link to="/article/1">文章</router-link>
				<router-link to="/article/3?categoryId=9">测试</router-link>
				<router-link to="/article/2">问答</router-link>
			</div>
			<v-btn @click="$store.state.UserLogin=true;">登录</v-btn>
		</div>
	</v-app-bar>
</template>

<script>
	import Login from "./Login.vue";
	import Register from "./Register";

	export default {
		components: {
			Login,
			Register
		},
		name: "Header",
		methods: {}
	}
</script>

<style scoped>
	a {
		text-decoration: none;
	}

	.category {
		flex: 1;
		margin: auto 10px;
	}

	.bar {
		width: 100%;
		flex-direction: row;
		display: flex;
	}
</style>
